﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ZhiBo/ZBindex.master" AutoEventWireup="true" CodeBehind="ZBsaishi.aspx.cs" Inherits="Player.ZhiBo.ZBsaishi" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<%--         <form id="form1" runat="server">--%>
             <style>
        * {
            padding:0px;
            margin:0px;
        }
        #zhibo {
        width:685px;
        height:449px;
        background-color:#000;
        border-radius:5px;
        position:relative;
        }
        #sp {
        width:685px;
        height:409px;
        border-radius:10px;
        position:absolute;
        top:0px;
        }
             .bs_saishi {
             width:685px;
             height:1200px;
             border:1px solid pink;
             }
             .bs_saishiyugao {
             width:300px;
             height:30px;
             margin-top:20px;
             }
                 .bs_saishiyugao .ss {
                 display:block;
                 color:#797676;
                 line-height:30px;
                  }
             .bs_ss {
             width:685px;
             height:130px;
             margin-top:10px;
             position:relative;
             }
             .img1 img {
             width:160px;
             height:80px;
             }
             .bs_item {
             width:685px;
             height:130px;
             position:absolute;
             overflow:hidden;
             }
                 .bs_item ul {  
                 position:absolute;
                 top:0px;
                 left:0px;
                 width:718%;
                 height:130px;
                 }
                 ul .item1 .img1 {
                 width:160px;
                 height:128px;
                 margin-left:9px;
                 background-color:#ccc;
                 border:1px solid #ccc;
                 float:left;
                 overflow:hidden;
                 }

             /*赛事下面的button*/
             .img1 button {
              margin-left: 30px;
              margin-top: 5px;
              width: 90px;
              height: 30px;
             font-size: 1px;
             transform: scale(0.6);
             border-radius: 15px;
             outline:none;
             border:1px solid #787373;
             cursor:pointer ;
             }

             .tubiao-sum1 img {
             width:25px;
             height:55px;
             border-radius:3px;
             position:absolute;
             top:30px;
             right:-35px;
             cursor:pointer;
             background-color:#ccc;
             }
                 .tubiao-sum1 img:hover {
                 background-color:pink; 
                 }
             .tubiao-sum2 img {
             width:25px;
             height:55px;
             transform:rotate(180deg);
             border-radius:3px;
             position:absolute;
             top:30px;
             left:-35px;
             cursor:pointer;
             background-color:#ccc;
             }
               .tubiao-sum2 img:hover {
               background-color:pink;
               }

               /*视频部分*/
                              a {
        text-decoration:none;
        }

        #type_lbtimg {
            width:90%;
            height:100px;
            border:1px solid #000;
            margin-left:20px;
        }
        .type-logo {
            color:#464444;
            height:30px;
            line-height:30px;
            background-color:#ffffff;
            font-weight:bold;
            font-size:14px;
            padding-left:20px;
            border-radius:5px;
        }
        .imgtxt {
            box-shadow: 0 0 4px #000;
            border-radius: 5px;
            overflow: hidden;
            margin-right: 20px;
            margin-bottom: 20px;
            margin-left: 20px;
            background-color: #edecf9;
        }
        @keyframes imgss {
            from {
                transform: scale(1.1);
            }

            to {
                transform: scale(1.2);
            }
        }
        .imgtxt img:hover{
        animation: imgss 600ms linear alternate infinite;
         }
            .imgtxt a {
                text-decoration-line:none;
                color:#000000;
            }
            .imgtxt div {
                font-size:12px;
                font-weight:bolder;
                overflow:hidden;
            }
        .imgtxt_div1 {
            width:150px;
            height:80px;
        }
        .imgtxt_div1img {
                Width: 152px;
                Height: 80px;
                margin-left: -1px;
        }
        .imgtxt_div2 {
            padding-top:5px;
             padding-left: 5px;
        }
        .imgtxt_div3 {
            margin-bottom:5px;
        }
            .spright:hover {
                color:#ffd800;
            }
        .spright {
            width: 150px;
            cursor: pointer;
            display: block;
            padding: 2px;
            border-radius: 5px;
            text-align:center;
            font-size:5px;
        }
         .tex {
            margin-top:-47px;
            margin-left:460px;
            position:fixed;
            z-index:100;
        }
            .tex .btnimg_sousuo {
                outline: none;
                cursor:pointer;
                width:15px;
                height:15px;
                position:fixed;
                margin-left:10px;
                margin-top:5px;
                z-index:110;
            }
         .ki {
            padding-left: 5px;
            outline: none;
            border-top-left-radius:10px;
            border-bottom-left-radius:10px;
            border: 1px solid #f9831d;
            box-shadow:0 0 1px #f9831d;
            font-size: 8px;
            width:132px;
            height:16px;

        }
        .pi {
            background-color:#fff062;
            width: 40px;
            height: 18px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border:none;
            outline: none;
            position: absolute;
            top: 4px;
            left: 138px;
            cursor: pointer;
            font-size:5px;
            line-height:18px;
            box-shadow:0 0 2px #f97401
        }
        #type_btm {
            padding-bottom:29px;
        }
        .div-item {
        width:150px;
        height:180px;
        border:1px solid #ccc;
        margin:26px;
        }
        .imgtext_div2 span a{
        display:block;
        color:#000;
        font-size:5px;
        }
    </style>
    <div id="zhibo">
       <video src="../视频/直播视频/第五人格直播.mp4" controls="controls" loop="loop" autoplay="autoplay" id="sp"/>
    </div>
    <div class="bs_saishi">
        <div class="bs_saishiyugao">
            <span class="ss">赛事预告</span>
        </div>
        <%#Eval("Gm_Name") %>
        <div class="bs_ss">
            <div class="bs_item">
                <%#Eval("Gm_Desc") %>
            <ul>
                <li>
                     <div class="item1">
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/RW对EDG(03-01).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/FPX对北京JDG(03-01).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/BLG对IG(03-02).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                             <img src="../Player图片/直播(赛事图片)/SN对TT(03-02).jpg" />
                            <button>预约</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/ES对RA(03-03).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/杭州LGD对西安WE(03-03).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/OMG对TES(03-04).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/RNG对苏州LNG(03-04).jpg" />
                            <button>预约</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/ES对北京JDG(03-05).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/深圳V5对SN(03-05).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/RNG对EDG(03-06).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/FPX对RA(03-06).jpg" />
                            <button>预约</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/IG对TES(03-07).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/RW对OMG(03-07).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/深圳VS对北京JDG(03-08).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/RNG对ES(03-08).jpg" />
                            <button>预约</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/TES对BLG(03-09).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/FPX对杭州LGD(03-09).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/RA对深圳V5(03-10).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/SN对RW(03-10).jpg" />
                            <button>预约</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item1">
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/西安WE对OMG(03-11).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/EDG对苏州LNG(03-11).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/FPX对TT(03-12).jpg" />
                            <button>预约</button>
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/ES对杭州LGD(03-12).jpg" />
                            <button>预约</button>
                        </div>
                    </div>
                </li>
<%--                 <li>
                    <div class="item1">
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/BLG对RW(03-13).jpg" />
                        </div>
                        <div class="img1">
                            <img src="../Player图片/直播(赛事图片)/RA对IG(03-13).jpg" />
                        </div>
                        <div class="img1">
                            
                        </div>
                        <div class="img1">
                            
                        </div>
                    </div>
                </li>--%>
            </ul>
             <%--图片的左右箭头--%>

            </div>
            <div class="tubiao-sum1"><img src="../Player图片/图标/首页图标/轮播图按钮/zuoyou (1).svg" /></div>
            <div class="tubiao-sum2"><img src="../Player图片/图标/首页图标/轮播图按钮/zuoyou (1).svg" /></div>
            <%--下面的预约按钮--%>
        </div>
     </div>
    <script src="../ShouYe/too.master_jquery/首页热门轮播图/animate.js"></script>
    <script src="ZBindex.js/赛事.js/ZBsaishi轮播图1.js"></script>
<%--         </form>--%>
</asp:Content>
